<template>
  <div id="app">
    <input type="text" placeholder="搜索">
    <span v-for="(item,index) in arr" :key="index">{{item}}</span>
  </div>
</template>

<script>
export default {
data(){
    return {
        arr:["点餐","评价","商家"]
    }
}
}
</script>

<style lang="scss" scoped>
#app {
    margin-top: 80px;
    padding: 18px 10px;
}
input {
    outline: none;
    border: none;
    width: 55px;
    text-align: center;
    height: 22px;
    font-size: 14px;
    border-radius: 20px;
    background: #e1e1e1;
}
span {
    padding: 0 10px;
}
</style>